$(function () {
    layui.use(['table', 'laydate', 'form'], function () {
        let laydate = layui.laydate;
        let form = layui.form;
        let table = layui.table;


        // element
        //对表格进行赋值
        table.render({
            elem: '#table',
            url: '/back/product/findAll',
            parseData: function (res) { //res 即为原始返回的数据
                console.log(res)
                return {
                    "code": 0, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data //解析数据列表
                };
            },
            cols: [
                [{
                    field: 'id',
                    title: 'ID',
                    width: 80,
                }, {
                    field: 'name',
                    title: '用户名',
                    width: 120,
                    edit: 'text'
                }, {
                    field: 'normalPrice',
                    title: '正常价'
                }, {
                    field: 'cuisineName',
                    title: '菜系'

                }, {
                    field: 'imgHref',
                    title: '产品图片',
                    templet: function (res) {
                        return "<img src='"+res.imgHref+"' width='50' height='50'/>";
                    }

                }, {
                    field: 'enable',
                    title: '状态',
                    templet: function (res) {
                        return res.enable == 1 ? "<span style='color: green'>启用</span>" : "<aaa style='color: gray'>禁用</aaa>";
                    }
                },{
                    field: 'createTime',
                    title: '创建时间',
                    width: 120
                }, {
                    fixed: 'right',
                    title: '操作',
                    toolbar: '#barDemo',
                    width: 230
                }]
            ],
            page: true//默认开启分页
        });

        //监听行工具事件
        table.on('tool(table)', function (obj) {
            var data = obj.data;
            console.log(obj)
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {

                    //    删除数据库里面的数据
                    $.ajax({
                        url: '/back/product/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.msg === 'success') {
                                obj.del();
                                layer.close(index);
                                layer.msg("删除成功");
                            } else {
                                layer.msg("删除失败");
                            }
                        }
                    })
                });
            } else if (obj.event === 'edit') {
                sessionStorage.setItem("product", JSON.stringify(data));
                xadmin.open('修改产品', '/html/product/product-update.html', 600, 400)
            }
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });

    });


})